<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=0,maximum-scale=1.0">
	<title>第二个</title>
	<link rel="stylesheet" type="text/css" href="css/num2.css">
	<script type="text/javascript">
		
		(function (doc, win) {
            var docEl = doc.documentElement,
                    resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
                    recalc = function () {
                        window.clientWidth = docEl.clientWidth;
                        if (!window.clientWidth) return;
                        docEl.style.fontSize = 20 * (window.clientWidth / 640) + 'px';
                        window.base = 20 * (window.clientWidth / 640);
                    };

            try {
                recalc();
            } catch (e) {

            }
            if (!doc.addEventListener) return;
            win.addEventListener(resizeEvt, recalc, false);
            doc.addEventListener('DOMContentLoaded', recalc, false);
        })(document, window);
        window.canvasWidth = document.documentElement.clientWidth;
        window.canvasHeight = document.documentElement.clientHeight;
	</script>

</head>
<body>
	<div class="wrap1">
		<div class="right1"></div>
		<div class="false1"></div>
		<div class="content1">
			<img src="img/第一个/hongche.png">
		</div>
		<div class="tian1">
			<div class="tian1-1"></div>
			<div class="tian1-1"></div>
		</div>
		<div class="font1">
			<input type="button" value="小">
			<input type="button" value="图">
			<input type="button" value="模">
			<input type="button" value="专">
			<input type="button" value="拼">
			<input type="button" value="快">
			<input type="button" value="画">
			<input type="button" value="车">
		</div>
	</div>
	<div class="wrap2">
		<div class="right2"></div>
		<div class="false2"></div>
		<div class="content2">
			<img src="img/第二个/zui.png">
		</div>
		<div class="tian2">
			<div class="tian2-1"></div>
			<div class="tian2-1"></div>
			<div class="tian2-1"></div>
		</div>
		<div class="font2">
			<input type="button" value="口">
			<input type="button" value="一">
			<input type="button" value="咬">
			<input type="button" value="钱">
			<input type="button" value="嘴">
			<input type="button" value="张">
			<input type="button" value="齿">
			<input type="button" value="价">
		</div>
	</div>
	<div class="wrap3">
		<div class="right3"></div>
		<div class="false3"></div>
		<div class="content3">
			<img src="img/第三个/ren.png">
		</div>
		<div class="tian3">
			<div class="tian3-1"></div>
			<div class="tian3-1"></div>
			<div class="tian3-1"></div>
		</div>
		<div class="font3">
			<input type="button" value="安">
			<input type="button" value="两">
			<input type="button" value="基">
			<input type="button" value="友">
			<input type="button" value="限">
			<input type="button" value="全">
			<input type="button" value="禁">
			<input type="button" value="人">
		</div>
	</div>
	<div class="wrap4">
		<div class="right4"></div>
		<div class="false4"></div>
		<div class="content4">
			<img src="img/第四个/xie.png">
		</div>
		<div class="tian4">
			<div class="tian4-1"></div>
			<div class="tian4-1"></div>
			<div class="tian4-1"></div>
			<div class="tian4-1"></div>
		</div>
		<div class="font4">
			<input type="button" value="起">
			<input type="button" value="脚">
			<input type="button" value="零">
			<input type="button" value="踩">
			<input type="button" value="包">
			<input type="button" value="红">
			<input type="button" value="步">
			<input type="button" value="钱">
		</div>
	</div>
	<div class="wrap5">
		<div class="right5"></div>
		<div class="false5"></div>
		<div class="content5">
			<img src="img/第五个/niu.png">
		</div>
		<div class="tian5">
			<div class="tian5-1"></div>
			<div class="tian5-1"></div>
			<div class="tian5-1"></div>
			<div class="tian5-1"></div>
		</div>
		<div class="font5">
			<input type="button" value="线">
			<input type="button" value="鸟">
			<input type="button" value="毛">
			<input type="button" value="路">
			<input type="button" value="规">
			<input type="button" value="球">
			<input type="button" value="划">
			<input type="button" value="鹿">
		</div>
	</div>
</body>
<script type="text/javascript" src="js/num2.js"></script>	
<script type="text/javascript">

		var right1 = document.getElementsByClassName('right1')[0];
		right1.style.width = document.documentElement.clientWidth + 'px';
		right1.style.height = document.documentElement.clientHeight + 'px';

		var false1 = document.getElementsByClassName('false1')[0];
		false1.style.width = document.documentElement.clientWidth + 'px';
		false1.style.height = document.documentElement.clientHeight + 'px';

		var right2 = document.getElementsByClassName('right2')[0];
		right2.style.width = document.documentElement.clientWidth + 'px';
		right2.style.height = document.documentElement.clientHeight + 'px';

		var false2 = document.getElementsByClassName('false2')[0];
		false2.style.width = document.documentElement.clientWidth + 'px';
		false2.style.height = document.documentElement.clientHeight + 'px';

		var right3 = document.getElementsByClassName('right3')[0];
		right3.style.width = document.documentElement.clientWidth + 'px';
		right3.style.height = document.documentElement.clientHeight + 'px';

		var false3 = document.getElementsByClassName('false3')[0];
		false3.style.width = document.documentElement.clientWidth + 'px';
		false3.style.height = document.documentElement.clientHeight + 'px';

		var right4 = document.getElementsByClassName('right4')[0];
		right4.style.width = document.documentElement.clientWidth + 'px';
		right4.style.height = document.documentElement.clientHeight + 'px';

		var false4 = document.getElementsByClassName('false4')[0];
		false4.style.width = document.documentElement.clientWidth + 'px';
		false4.style.height = document.documentElement.clientHeight + 'px';

		var right5 = document.getElementsByClassName('right5')[0];
		right5.style.width = document.documentElement.clientWidth + 'px';
		right5.style.height = document.documentElement.clientHeight + 'px';

		var false5 = document.getElementsByClassName('false5')[0];
		false5.style.width = document.documentElement.clientWidth + 'px';
		false5.style.height = document.documentElement.clientHeight + 'px';

		var wrap1 = document.getElementsByClassName('wrap1')[0];
		wrap1.style.width = document.documentElement.clientWidth + 'px';
		wrap1.style.height = document.documentElement.clientHeight + 'px';

		var wrap2 = document.getElementsByClassName('wrap2')[0];
		wrap2.style.width = document.documentElement.clientWidth + 'px';
		wrap2.style.height = document.documentElement.clientHeight + 'px';

		var wrap3 = document.getElementsByClassName('wrap3')[0];
		wrap3.style.width = document.documentElement.clientWidth + 'px';
		wrap3.style.height = document.documentElement.clientHeight + 'px';

		var wrap4 = document.getElementsByClassName('wrap4')[0];
		wrap4.style.width = document.documentElement.clientWidth + 'px';
		wrap4.style.height = document.documentElement.clientHeight + 'px';

		var wrap5 = document.getElementsByClassName('wrap5')[0];
		wrap5.style.width = document.documentElement.clientWidth + 'px';
		wrap5.style.height = document.documentElement.clientHeight + 'px';
</script>
</html>